<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="Golf.WebUI.Index" %>

<%@ Register Src="~/UserControl/Header.ascx" TagName="Header" TagPrefix="UserHeader" %>
<%@ Register Src="~/UserControl/footer.ascx" TagName="Footer" TagPrefix="UserFooter" %>
<%@ Register Src="~/UserControl/ToolbarContainer.ascx" TagName="Toolbal" TagPrefix="UserToolbal" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>golf clubs, golf sale and golf equipment at onlinetopgolf.com</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="golf sale, golf clubs, golf equipment, golf drivers, Fairway woods, Hybrids/Rescues, golf wedges, golf Putters, golf iron set, taylormade iron set, callaway iron set, titleist iron set, cleveland iron set, mizuno iron set, Golf set complet, Woods complet" />
    <meta name="description" content="Best online golf store. Discounted top brand of officially licensed golf clubs. Free shipping to worldwide, You can��t afford to miss this sale!" />
    <meta http-equiv="imagetoolbar" content="no" />
    <link href="Style/Base.css" rel="stylesheet" type="text/css" />
    <link href="Style/index.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">

        window.jQuery || document.write('<script src="Script/jquery/jquery-1.4.1.min-vsdoc.js" type="text/javascript"><\/script>');
    </script>

    <script src="Script/jquery.hoverIntent.minified.js" type="text/javascript"></script>

    <script src="Script/common/mad.plugins.js" type="text/javascript"></script>

    <script src="Script/MAD.js" type="text/javascript"></script>

    <!--Product realization about paging forehead-->

    <script src="Script/common/jCarouselLite.js" type="text/javascript"></script>

    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-24545885-1']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>

</head>
<!--PageBeginHtml Block Begin-->
<body>
    <form id="form1" runat="server" style="width: 1004px; margin: 0px auto;">
    <UserHeader:Header ID="UserHeader" runat="server" />
    <div id="mainContent" style="background-color: White;">
        <!-----Picture display four pieces---->
        <div class="heroContainer float-clear" style="">
            <div class="MADSlideshow imageFader heroBanner">
                <div id="script" class="center1-1">
                    <!--The following little pictures circulating rolling hands do not delete or page complex public direct separation-->
                    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="scriptmain" name="scriptmain"
                        codebase="http://download.macromedia.com/pub/shockwave/cabs/
                        flash/swflash.cab#version=6,0,29,0" width="797" height="362">
                        <param name="movie" value="Flash/banner.swf?bcastr_xml_url=XML/Index.xml">
                        <param name="quality" value="high">
                        <param name="scale" value="noscale">
                        <param name="LOOP" value="false">
                        <param name="menu" value="false">
                        <param name="wmode" value="transparent">
                        <embed src="Flash/banner.swf?bcastr_xml_url=XML/Index.xml" width="797" height="362"
                            loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
                            type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false"
                            wmode="transparent"></embed>
                    </object>
                </div>
            </div>
            <div class="banner">
                <a title="OG-RHS-1-Mid Season Offers-Hot Picks" href="Index.aspx">
                    <img height="121" alt="OG-RHS-1-Mid Season Offers-Hot Picks" src="Images/index/Right_1.jpg"
                        width="200"></a>
            </div>
            <div class="banner">
                <a title="OG-RHS-2-Mid Season Offers-Hot Picks" href="Index.aspx">
                    <img height="121" alt="OG-RHS-2-Mid Season Offers-Hot Picks" src="Images/index/Right_2.jpg"
                        width="200"></a>
            </div>
            <div class="banner">
                <a title="OG-RHS-3-Mid Season Offers-DWTM185" href="Index.aspx">
                    <img height="121" alt="OG-RHS-3-Mid Season Offers-DWTM185" src="Images/index/Right_3.jpg"
                        width="200"></a>
            </div>
        </div>
        <div class="heroContainerBottom">
        </div>
        <div>
        </div>
        <!------Product picture show--->
        <div class="saleContainer">
            <div class="banner" style="float: left;">
                <a title="save70%" href="Index.aspx">
                    <img height="253" alt="save70%" src="Images/index/Left/666.jpg" width="232" /></a>
            </div>
            <div class="saleItemsCarouselContainer" style="width: 748px; float: right;">
                <div class="Carousel1" style="height: 100%; width: 748px;">
                    <div class="prev1 control disabled" id="prev">
                        <div class="carouselTip" id="Div1">
                            Previous</div>
                    </div>
                    <div class="saleItemsCarousel" style="z-index: 2; left: 0px; visibility: visible;
                        overflow: hidden; width: 688px; position: relative">
                        <ul>
                            <asp:Repeater ID="Repeater1" runat="server">
                                <ItemTemplate>
                                    <%# Container.ItemIndex % 4 == 0 ? "<li style=\"float: left; overflow: hidden; width: 688px; height: 216px\"><div class=\"product withHover clearance\" style=\"margin-top: -2px;\" prod=\"" +Eval("id")+"\">": "<div class=\"product withHover clearance\" style=\"margin-top: -2px;\" prod=\"" +Eval("id")+"\">"%>
                                    <h3>
                                        <a title="" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                            <%#Eval("Pro_Name")%>
                                        </a>
                                    </h3>
                                    <div class="image">
                                        <a title="<%#Eval("Pro_Name")%>" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                            <img height="99" alt="<%#Eval("Pro_Name")%> " src="ImageProducts/<%#Eval("Pro_Picture")%> "
                                                width="148">
                                        </a>
                                    </div>
                                    <div class="rating" vmlbg="images/stars.png">
                                        <div class="count" style="behavior: none; width: <%#Eval("Pro_Star") %>px; zoom: 1;
                                            position: relative" vmlbg="images/stars.png">
                                        </div>
                                    </div>
                                    <%#Convert.ToInt32(Eval("Pro_Save")) <= 0 ? "<div class=\"price\"> PRICE <strong>$" + Eval("Pro_PromotionPrice") + "</strong></div> <div class=\"save\"></div>" : "<div class=\"price\"> PRICE <strong>$" + Eval("Pro_PromotionPrice") + "</strong></div> <div class=\"save\">SAVE <span>" + Eval("Pro_Save") + "%</span></div> <div class=\"rrp\">MRRP $" + Eval("Pro_MarketPrice") + "</div>"%>
                                    <a class="btn_moreInfo" title="<%#Eval("Pro_Name")%>" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                        More Info</a> </div>
                                    <%# Container.ItemIndex % 4 == 3 ? "</li>" : ""%>
                                </ItemTemplate>
                                <FooterTemplate>
                                    <%#Repeater1.Items.Count % 4 == 0 ? "" : "</li>"%>
                                </FooterTemplate>
                            </asp:Repeater>
                        </ul>
                    </div>
                    <div class="next1 control" id="next">
                        <div class="carouselTip" id="Div2">
                            Next</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="saleContainer">
            <div class="banner" style="float: left;">
                <a title="safebuy" href="Index.aspx">
                    <img height="253" alt="MidSeasonOffers-Carousel 2- Balls" src="Images/index/Left/Save_60.jpg"
                        width="232" /></a>
            </div>
            <div class="saleItemsCarouselContainer" style="width: 748px; float: right;">
                <div class="Carousel2" style="height: 100%; width: 748px;">
                    <div class="prev2 control disabled" id="prev">
                        <div class="carouselTip" id="Div3">
                            Previous</div>
                    </div>
                    <div class="saleItemsCarousel" style="z-index: 2; left: 0px; visibility: visible;
                        overflow: hidden; width: 688px; position: relative">
                        <ul>
                            <asp:Repeater ID="rep_Two" runat="server">
                                <ItemTemplate>
                                    <%# Container.ItemIndex % 4 == 0 ? "<li style=\"float: left; overflow: hidden; width: 688px; height: 216px\"><div class=\"product withHover clearance\" style=\"margin-top: -2px;\" prod=\"" +Eval("id")+"\">": "<div class=\"product withHover clearance\" style=\"margin-top: -2px;\" prod=\"" +Eval("id")+"\">"%>
                                    <h3>
                                        <a title="" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                            <%#Eval("Pro_Name")%>
                                        </a>
                                    </h3>
                                    <div class="image">
                                        <a title="<%#Eval("Pro_Name")%>" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                            <img height="99" alt="<%#Eval("Pro_Name")%> " src="ImageProducts/<%#Eval("Pro_Picture")%> "
                                                width="148">
                                        </a>
                                    </div>
                                    <div class="rating" vmlbg="images/stars.png">
                                        <div class="count" style="behavior: none; width: <%#Eval("Pro_Star") %>px; zoom: 1;
                                            position: relative" vmlbg="images/stars.png">
                                        </div>
                                    </div>
                                    <%#Convert.ToInt32(Eval("Pro_Save")) <= 0 ? "<div class=\"price\"> PRICE <strong>$" + Eval("Pro_PromotionPrice") + "</strong></div> <div class=\"save\"></div>" : "<div class=\"price\"> PRICE <strong>$" + Eval("Pro_PromotionPrice") + "</strong></div> <div class=\"save\">SAVE <span>" + Eval("Pro_Save") + "%</span></div> <div class=\"rrp\">MRRP $" + Eval("Pro_MarketPrice") + "</div>"%>
                                    <a class="btn_moreInfo" title="<%#Eval("Pro_Name")%>" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                        More Info</a> </div>
                                    <%# Container.ItemIndex % 4 == 3 ? "</li>" : ""%>
                                </ItemTemplate>
                                <FooterTemplate>
                                    <%#Repeater1.Items.Count % 4 == 0 ? "" : "</li>"%>
                                </FooterTemplate>
                            </asp:Repeater>
                        </ul>
                    </div>
                    <div class="next2 control" id="next">
                        <div class="carouselTip" id="Div4">
                            Next</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="saleContainer">
            <div class="banner">
                <a title="freeshipping" href="#">
                    <img height="253" alt="MidSeasonOffers-Carousel 2- Balls" src="Images/index/Left/Save_60.jpg"
                        width="232"></a>
            </div>
            <div class="saleItemsCarouselContainer">
                <div class="Carousel3">
                    <div class="prev3 control disabled " id="prev">
                        <div class="carouselTip" id="Div5">
                            Previous</div>
                    </div>
                    <div class="saleItemsCarousel" style="z-index: 2; left: 0px; visibility: visible;
                        overflow: hidden; width: 688px; position: relative">
                        <ul>
                            <asp:Repeater ID="rep_Three" runat="server">
                                <ItemTemplate>
                                    <%# Container.ItemIndex % 4 == 0 ? "<li style=\"float: left; overflow: hidden; width: 688px; height: 216px\"><div class=\"product withHover clearance\" style=\"margin-top: -2px;\" prod=\"" +Eval("id")+"\">": "<div class=\"product withHover clearance\" style=\"margin-top: -2px;\" prod=\"" +Eval("id")+"\">"%>
                                    <h3>
                                        <a title="" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                            <%#Eval("Pro_Name")%>
                                        </a>
                                    </h3>
                                    <div class="image">
                                        <a title="<%#Eval("Pro_Name")%>" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                            <img height="99" alt="<%#Eval("Pro_Name")%> " src="ImageProducts/<%#Eval("Pro_Picture")%> "
                                                width="148">
                                        </a>
                                    </div>
                                    <div class="rating" vmlbg="images/stars.png">
                                        <div class="count" style="behavior: none; width: <%#Eval("Pro_Star") %>px; zoom: 1;
                                            position: relative" vmlbg="images/stars.png">
                                        </div>
                                    </div>
                                    <%#Convert.ToInt32(Eval("Pro_Save")) <= 0 ? "<div class=\"price\"> PRICE <strong>$" + Eval("Pro_PromotionPrice") + "</strong></div> <div class=\"save\"></div>" : "<div class=\"price\"> PRICE <strong>$" + Eval("Pro_PromotionPrice") + "</strong></div> <div class=\"save\">SAVE <span>" + Eval("Pro_Save") + "%</span></div> <div class=\"rrp\">MRRP $" + Eval("Pro_MarketPrice") + "</div>"%>
                                    <a class="btn_moreInfo" title="<%#Eval("Pro_Name")%>" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                        More Info</a> </div>
                                    <%# Container.ItemIndex % 4 == 3 ? "</li>" : ""%>
                                </ItemTemplate>
                                <FooterTemplate>
                                    <%#Repeater1.Items.Count % 4 == 0 ? "" : "</li>"%>
                                </FooterTemplate>
                            </asp:Repeater>
                        </ul>
                    </div>
                    <div class="next3 control" id="next">
                        <div class="carouselTip" id="Div6">
                            Next</div>
                    </div>
                </div>
            </div>
        </div>
        <!-------- Landing goods special offers--------->
        <div class="lockerContainer">
            <div class="golfLocker glLoggedOut">
                <img src="Images/Index_left/banner4.jpg" />
            </div>
            <div class="specialOffers">
                <h3 class="header">
                    <strong>Special</strong> Offers</h3>
                <div class="soCarouselContainer">
                    <a class="control disabled" id="vPrev" onclick="return false;" href="#">
                        <div class="carouselTip" id="prevTip">
                            Previous</div>
                    </a>
                    <div class="soCarousel" style="z-index: 2; left: 0px; visibility: visible; overflow: hidden;
                        position: relative; height: 340px">
                        <ul>
                            <asp:Repeater ID="Repeater2" runat="server">
                                <ItemTemplate>
                                    <%# Container.ItemIndex % 3 == 0 ? "<li style=\"float: none; overflow: hidden; width: 342px; height: 340px\"><div class=\"product withHover clearance\" zoom: 1\" prod=\"" + Eval("id") + "\">" : "<div class=\"product withHover clearance\" prod=\"" + Eval("id") + "\">"%>
                                    <h3>
                                        <a title="" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                            <%#Eval("Pro_Name")%>
                                        </a>
                                    </h3>
                                    <div class="image">
                                        <a title="<%#Eval("Pro_Name")%>" href="ProductDetail.aspx?id=<%#Eval("ID") %>">
                                            <img height="80" alt="<%#Eval("Pro_Name")%> " src="ImageProducts/<%#Eval("Pro_Picture")%> "
                                                width="120">
                                        </a>
                                    </div>
                                    <div class="rating" vmlbg="images/stars.png">
                                        <div class="count" style="behavior: none; width: <%#Eval("Pro_Star") %>px; zoom: 1;
                                            position: relative" vmlbg="images/stars.png">
                                        </div>
                                    </div>
                                    <%#Convert.ToInt32(Eval("Pro_Save")) <= 0 ? "<div class=\"price\"> PRICE <strong>$" + Eval("Pro_PromotionPrice") + "</strong></div> <div class=\"save\"></div>" : "<div class=\"price\"> PRICE <strong>$" + Eval("Pro_PromotionPrice") + "</strong></div> <div class=\"save\">SAVE <span>" + Eval("Pro_Save") + "%</span></div> <div class=\"rrp\">MRRP $" + Eval("Pro_MarketPrice") + "</div>"%>
                                    </div>
                                    <%# Container.ItemIndex % 3 == 2 ? "</li>" : ""%>
                                </ItemTemplate>
                                <FooterTemplate>
                                    <%#Repeater2.Items.Count % 3 == 0 ? "" : "</li>"%>
                                </FooterTemplate>
                            </asp:Repeater>
                        </ul>
                    </div>
                    <a class="control" id="vNext" onclick="return false;" href="#">
                        <div class="carouselTip" id="nextTip">
                            Next</div>
                    </a>
                </div>
            </div>
        </div>
        <!--------The customer 's most popular products - the most popular products-------->
        <div class="suggestionsContainer" style="display: none;">
            <div class="top10 customerRated">
                <h3 class="header">
                    Customer Rated <span>Products</span></h3>
                <div class="content">
                    <asp:Repeater ID="rep_Cus_best" runat="server">
                        <ItemTemplate>
                            <div class="product hero clubs clearance" style="zoom: 1">
                                <h3 style="behavior: none">
                                    <a title=" <%#Eval("Pro_Name")%>" href="ProductDetail.aspx?id=<%#Eval("id") %>">
                                        <%#Eval("Pro_Name")%></a>
                                </h3>
                                <div class="image">
                                    <a title=" <%#Eval("Pro_Name")%>" href="ProductDetail.aspx?id=<%#Eval("id") %>">
                                        <img height="71" alt=" <%#Eval("Pro_Name")%>" src="ImageProducts/<%#Eval("Pro_Picture")%>"
                                            width="106">
                                    </a>
                                </div>
                                <div class="rating">
                                    <div class="count" style="behavior: none; width: <%#Eval("Pro_Star") %>px; zoom: 1;
                                        position: relative">
                                    </div>
                                </div>
                                <p class="ieFix">
                                </p>
                                <div class="price">
                                    PRICE <strong>$<%#Eval("Pro_PromotionPrice")%></strong></div>
                                <div class="save">
                                    SAVE <span>
                                        <%#Eval("Pro_Save") %>%</span></div>
                                <div class="rrp">
                                    MRRP $<%#Eval("Pro_MarketPrice")%></div>
                                <div class="ieClear">
                                </div>
                                <div class="ieClear">
                                </div>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>
            </div>
            <div class="top10 bestSelling">
                <h3 class="header">
                    Best Selling <span>Products</span></h3>
                <asp:Repeater ID="Repeater3" runat="server">
                    <ItemTemplate>
                        <div class="product hero clubs clearance" style="zoom: 1">
                            <h3 style="behavior: none">
                                <a title=" <%#Eval("Pro_Name")%>" href="ProductDetail.aspx?id=<%#Eval("id") %>">
                                    <%#Eval("Pro_Name")%></a>
                            </h3>
                            <div class="image">
                                <a title=" <%#Eval("Pro_Name")%>" href="ProductDetail.aspx?id=<%#Eval("id") %>">
                                    <img height="71" alt=" <%#Eval("Pro_Name")%>" src="ImageProducts/<%#Eval("Pro_Picture")%>"
                                        width="106">
                                </a>
                            </div>
                            <div class="rating">
                                <div class="count" style="behavior: none; width: <%#Eval("Pro_Star") %>px; zoom: 1;
                                    position: relative">
                                </div>
                            </div>
                            <p class="ieFix">
                            </p>
                            <div class="price">
                                PRICE <strong>$<%#Eval("Pro_PromotionPrice")%></strong></div>
                            <div class="save">
                                SAVE <span>
                                    <%#Eval("Pro_Save") %>%</span></div>
                            <div class="rrp">
                                MRRP $<%#Eval("Pro_MarketPrice")%></div>
                            <div class="ieClear">
                            </div>
                            <div class="ieClear">
                            </div>
                        </div>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
        </div>
        <!--------Recently added--------->
        <div class="addedContainer" style="display: none;">
            <h3 class="header" style="margin: 0px;">
                Recently <span>Added</span></h3>
            <asp:Repeater ID="Repeater4" runat="server">
                <ItemTemplate>
                    <div class="product  drivers" style="text-overflow: ellipsis; white-space: nowrap;
                        overflow: hidden; height: 26px; line-height: 26px; padding-left: 15px; cursor: pointer;">
                        <h3>
                            <a title=""><strong></strong>
                                <%#Eval("Pro_Name")%>
                            </a>
                        </h3>
                        <div class="price">
                            PRICE <strong>$<%#Eval("Pro_PromotionPrice")%></strong></div>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
        </div>
        <div class="pageCopy">
            <h1>
                Golf Equipment &amp; Golf Clubs at Onlinetopgolf, Europe's No.1 Golf Shop</h1>
            <span style="color: rgb(48, 59, 77);"><span style="font-size: 12px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                Welcome to our wholesale golf store! Onlinetopgolf has prepared a wide rang of famous
                golf clubs for you,and you are free to choose anything you like!
                <br />
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; As a professional golf wholesale
                on-line shop, we have strived to provide our dear customers with many wholesale
                golf clubs with excellent quality. We are able to offer the wholesale price for
                you customers if you purchase quite large quantities. And all of our Wholesale Golf
                Equipments are originated from the authorized manufacturing factory. Moreover, our
                professional and mature transporting system can also help us reduce the cost and
                supply free shipping service to most countries in the world. We now have hundreds
                of regular customers at present due to our unremitting efforts. So just enjoy yourselves
                on our web site! Wish you an unforgettable online shopping experience!
                <br />
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Any question, please contact our Customer
                Service Team: sale@onlinetopgolf.com we are always here waiting for you. You can
                also click on the site in the head &quot;online consultant&quot; to get help </span>
            </span>
        </div>
    </div>
    <UserFooter:Footer ID="UserFooter" runat="server" />
    <UserToolbal:Toolbal ID="UserToolbal" runat="server" />
    </form>
    <!--#include virtual="share.htm"-->

    <script type="text/javascript">
        //The IE browser written in trim method to remove spaces
        String.prototype.trim = function() {
            return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
        }
        MAD.lightBox.init();
        function showLightBox(id) {
            return MAD.lightBox.show(id);
        }

        //Home page picture rotation
        $('.reel').MAD_Slideshow({ paging: true, speed: 1000 });
        //On the product page
        //$(".pagination").first().addClass("on");

        ///Products rolling initialization
        MAD.pages.home.init();
        //        $(".Carousel1 .saleItemsCarousel").jCarouselLite({
        //            btnNext: ".Carousel1 #next",
        //            btnPrev: ".Carousel1 #prev",
        //            btnGo: [],
        //            visible: 4,
        //            pagination: true,
        //            scroll: 1,
        //            circular: false
        //        });
        $(".Carousel2 .saleItemsCarousel").jCarouselLite({
            btnNext: ".Carousel2 #next",
            btnPrev: ".Carousel2 #prev",
            btnGo: [],
            visible: 1,
            pagination: true,
            scroll: 1,
            circular: false
        });

        $(".Carousel3 .saleItemsCarousel").jCarouselLite({
            btnNext: ".Carousel3 #next",
            btnPrev: ".Carousel3 #prev",
            btnGo: [],
            visible: 1,
            pagination: true,
            scroll: 1,
            circular: false
        });
        $(".soCarousel").jCarouselLite({
            btnNext: ".soCarouselContainer #vNext",
            btnPrev: ".soCarouselContainer #vPrev",
            visible: 1,
            scroll: 1,
            circular: false,
            vertical: true
        });
        //Picture animation
        $('.reel').MAD_Slideshow();
        //Display layer
        MAD.products.attachProductHover();
        //Hide layer
        MAD.products.productPopupHover();
    </script>

    <div id="script_pro" runat="server">
        <!----The script page register----->
    </div>
</body>
</html>
